.domain-product-price {
	color: var( --color-text );
	font-weight: 400;
	font-size: $font-body-small;
	line-height: 1;
	display: flex;
	flex-direction: column;
	text-align: right;

	@include breakpoint-deprecated( '>660px' ) {
		align-items: flex-end;
		font-size: $font-body;

		.featured-domain-suggestions & {
			align-items: flex-start;
		}

		&.domain-product-price__domain-step-copy-updates {
			align-items: flex-start;
		}
	}

	.is-section-signup &:not( .domain-product-price__domain-step-copy-updates ) {
		@include breakpoint-deprecated( '>660px' ) {
			padding-left: 1em;
			padding-right: 2em;
		}
	}

	.is-section-domains & {
		@include breakpoint-deprecated( '>800px' ) {
			padding-left: 1em;
			padding-right: 2em;
		}
	}

	@include breakpoint-deprecated( '<660px' ) {
		display: inline-block;
		font-size: $font-body-small;
		text-align: left;
	}

	small {
		color: var( --color-text-subtle );
	}

	.domain-product-price__premium-text {
		cursor: pointer;
	}

	.domain-product-price__free-text,
	.domain-product-price__sale-price {
		color: var( --color-neutral-60 );
		display: block;
	}

	&.no-price .domain-product-price__free-text,
	&.no-price .domain-product-price__sale-price {
		@include breakpoint-deprecated( '>660px' ) {
			margin-left: 0;
		}
	}

	.domain-product-price__free-price {
		color: var( --color-success );
	}

	.domain-product-price__price,
	.domain-product-price__renewal-price {
		margin: auto 0;
	}

	&.is-free-domain,
	&.is-sale-domain {
		line-height: 1.7;
		margin-top: 2px;

		.domain-product-price__price,
		.domain-product-price__renewal-price {
			font-size: 80%;
			color: var( --color-text-subtle );
		}

		@include breakpoint-deprecated( '>660px' ) {
			line-height: 1.5;
			margin-top: 0;
		}
	}

	.is-placeholder & {
		@include breakpoint-deprecated( '>660px' ) {
			display: none;
		}

		@include breakpoint-deprecated( '<660px' ) {
			animation: loading-fade 1.6s ease-in-out infinite;
			background-color: var( --color-neutral-0 );
			color: transparent;
		}
	}
}
